html,
body {
  width: 100%;
  height: 100%;
  background-color: #f1f1f1;
  background-image: url(../imgs/dl-bg.png);
  background-size: 100% 100%;
}
.dl-header {
  display: flex;
  height: 1.17333333rem;
  align-items: center;
}
.dl-header .header-left {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.33333333rem;
  height: 0.66666667rem;
}
.dl-header .header-left img {
  width: 0.36rem;
  height: 0.36rem;
}
.dl-main .logo-figure {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dl-main .logo-figure img {
  width: 3.56rem;
  height: 1.96rem;
}
.dl-main .ipt {
  padding-top: 1.26666667rem;
  width: 75%;
  margin: 0 auto;
}
.dl-main .ipt .ipt-top {
  width: 100%;
}
.dl-main .ipt .ipt-top input {
  font-size: 0.33333333rem;
  border: none;
  outline: none;
  width: 100%;
  height: 0.8rem;
  background: #f1f1f1;
  border-bottom: 1px solid #e4e4e4;
}
.dl-main .ipt .ipt-top input::placeholder {
  color: #a6aeb9;
  line-height: 0.8rem;
}
.dl-main .ipt .ipt-zhong {
  width: 100%;
}
.dl-main .ipt .ipt-zhong input {
  font-size: 0.33333333rem;
  border: none;
  outline: none;
  width: 100%;
  height: 0.8rem;
  background: #f1f1f1;
  border-bottom: 1px solid #e4e4e4;
}
.dl-main .ipt .ipt-zhong input::placeholder {
  color: #a6aeb9;
  line-height: 0.8rem;
}
.dl-main .ipt .ipt-bottom {
  margin-top: 0.70666667rem;
  width: 100%;
  height: 1.09333333rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #101010;
  color: #ffffff;
}
.dl-footer {
  width: 75%;
  margin: 0 auto;
  padding-top: 1.46666667rem;
  font-size: 0.29333333rem;
}
.dl-footer section p {
  color: #627185;
}
.dl-footer section div {
  display: flex;
  justify-content: space-between;
  padding-top: 0.32rem;
}
.dl-footer section div p {
  width: 30%;
  height: 0.85333333rem;
  border: 1px solid #000000;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dl-footer section div p img {
  width: 1.26666667rem;
  height: 0.4rem;
}
